<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<title>gridr.js Scrollable Example</title>

<script type="text/javascript" src='../../gridr.js'></script>
<script type="text/javascript" src='../../lib/prototype.js'></script>
<link href="assets/css/scrollable.css" rel="stylesheet" type="text/css"/>


<script type='text/javascript'>

var grid;

function load()
{
		grid=new gridr('grid');
		grid.cellWidth=125;
		grid.cellHeight=190;
		grid.margin=10;
		grid.DataSource=GenData(1);
		grid.DataBind();
}

function GenData(len)
{
	var e=new Array();
	for(i=0;i<len;i++)
	{
		var d=document.createElement('div');
		d.appendChild(document.createTextNode(i));
		e.push(d);
	}
	return e;
}
</script>

</head>

<body onload='load()'>

<div id='grid' >
</div>
</body>
</html>